<!DOCTYPE html>
<html lang="en">
<head>
	<!--#include file="/link/inc/head.html" -->
	<link rel="stylesheet" href="../js/chosen_v1.4.2/chosen.css">
	<link rel="stylesheet" href="../css/setting.css">

	<script src="../js/chosen_v1.4.2/chosen.jquery.js"></script>
	<script>
	$(function(){
		$(".chosen-select").chosen({disable_search_threshold: 10});

        $('.set-box .tabs').tabs(
        	'.ct > .panes', {
	            current: 'active',
	            tabs: 'li'
        });
        $('.panes .mark').addClass('hidden');
        $('.panes .penal .link-higher').on('click', function(){
        	$('.panes .mark').toggleClass('hidden');
        });
	})
	</script>
</head>
<body>
	<!--#include file="/link/inc/header.html" -->
	<div class="wrapper">
		<div class="content ct-mod">
			<div class="hd">
				<div class="tit">外网配置</div>
			</div>
			<div class="bd">
				<div class="set-box">
					<div class="tabs">
						<ul class="tab">
							<li><a href="#">PPPOE拨号</a></li>
							<li><a href="#">自动获取</a></li>
							<li><a href="#">固定IP</a></li>
						</ul>
					</div>
					<form class="form" autocomplete="off">
						<div class="ct">
							<div class="panes">
								<div class="penal">
									<div class="control">
										<label>宽带帐号</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="5934111@fzlan">
											</div>
										</div>
									</div>
									<div class="control">
										<label>宽带密码</label>
										<div class="field">
											<div class="input-text">
												<input type="password" class="input-text" name="password" value="123456">
											</div>
										</div>
									</div>
									<div class="btns">
										<a href="#" class="link-higher">高级</a>
									</div>
								</div>
								<div class="penal mark">
									<div class="control">
										<label>主机名称</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" placeholder="可不填">
											</div>
										</div>
									</div>
									<div class="control">
										<label>连接方式</label>
										<div class="field">
											
											<select name="" id="" class="chosen-select identity-type-selector" tabindex="1" style="width:222px">
												<option value="">一直在线</option>
											</select>
										</div>
									</div>
									<div class="control">
										<label>MAC地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="00-E0-4C-11-23-11">
											</div>
											<div class="btnbox">
												<a href="#" class="btn-clone">克隆</a>
												<a href="#" class="btn-renew">恢复缺省</a>
											</div>
										</div>
									</div>
									<div class="control">
										<label>MTU</label>
										<div class="field">
											<input type="radio" class="radiooption">
											<div class="input-text input2">
												<input type="text" class="input-text" value="1492">
											</div>
										</div>
									</div>
									<div class="control">
										<label>端口速率</label>
										<div class="field">
											<select name="" id="" class="chosen-select identity-type-selector" tabindex="1" style="width:222px">
												<option value="">自适应</option>
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="panes">
								<div class="penal">
									<div class="control">
										<label>IP地址</label>
										<div class="field">
											<div class="text">191.168.100.1</div>
										</div>
									</div>
									<div class="control">
										<label>子网掩码</label>
										<div class="field">
											<div class="text">255.255.255.0</div>
										</div>
									</div>
									<div class="control">
										<label>外网掩码</label>
										<div class="field">
											<div class="text">191.168.100.1</div>
										</div>
									</div>
									<div class="control">
										<label>DNS1</label>
										<div class="field">
											<div class="text">218.85.157.99</div>
										</div>
									</div>
									<div class="control">
										<label>DNS2</label>
										<div class="field">
											<div class="text">218.85.157.99</div>
										</div>
									</div>
									<div class="btns">
										<a href="#" class="link-higher">高级</a>
									</div>
								</div>
								<div class="penal mark">
									<div class="control">
										<label>主机名称</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" placeholder="可不填">
											</div>
										</div>
									</div>
									<div class="control">
										<label>MAC地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="00-E0-4C-11-23-11">
											</div>
											<div class="btnbox">
												<a href="#" class="btn-clone">克隆</a>
												<a href="#" class="btn-renew">恢复缺省</a>
											</div>
										</div>
									</div>
									<div class="control">
										<label>MTU</label>
										<div class="field">
											<input type="radio" class="radiooption">
											<div class="input-text input2">
												<input type="text" class="input-text" value="1492">
											</div>
										</div>
									</div>
									<div class="control">
										<label>端口速率</label>
										<div class="field">
											<select name="" id="" class="chosen-select identity-type-selector" tabindex="1" style="width:222px">
												<option value="">自适应</option>
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="panes">
								<div class="penal">
									<div class="control">
										<label>IP地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="191.168.100.100">
											</div>
										</div>
									</div>
									<div class="control">
										<label>子网掩码</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="255.255.255.0">
											</div>
										</div>
									</div>
									<div class="control">
										<label>网关</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="192.168.100.1">
											</div>
										</div>
									</div>
									<div class="control">
										<label>DNS1</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.157.99">
											</div>
										</div>
									</div>
									<div class="control">
										<label>DNS2</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="218.85.152.99">
											</div>
										</div>
									</div>
									<div class="btns">
										<a href="#" class="link-higher">高级</a>
									</div>
								</div>
								<div class="penal mark">
									<div class="control">
										<label>主机名称</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" placeholder="可不填">
											</div>
										</div>
									</div>
									<div class="control">
										<label>MAC地址</label>
										<div class="field">
											<div class="input-text">
												<input type="text" class="input-text" value="00-E0-4C-11-23-11">
											</div>
											<div class="btnbox">
												<a href="#" class="btn-clone">克隆</a>
												<a href="#" class="btn-renew">恢复缺省</a>
											</div>
										</div>
									</div>
									<div class="control">
										<label>MTU</label>
										<div class="field">
											<input type="radio" class="radiooption">
											<div class="input-text input2">
												<input type="text" class="input-text" value="1492">
											</div>
										</div>
									</div>
									<div class="control">
										<label>端口速率</label>
										<div class="field">
											<select name="" id="" class="chosen-select identity-type-selector" tabindex="1" style="width:222px">
												<option value="">自适应</option>
											</select>
										</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>